body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, form, p, blockquote, th {margin:0;padding:0; font-family:Microsoft YaHei,宋体,SimHei,Arial,Helvetica,Sans-seri;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-style:normal;font-weight:normal;}
ol, ul, li {list-style:none;}
address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:normal;}
fieldset {border:0;}
caption, th{text-align:left;}
q:before, q:after{content:'';}

.l{float:left;}
.r{float:right;}
.tc{text-align:center;}
.tr{text-align:right;}
.dis{display:block;}
.undis{display:none;}
.input{height:18px;border-width: 1px;border-color: #dddddd;}
.button {height:20px; margin-left:5px; padding-top:1px;	border: 1px solid #C8C8CA;  border-color: #f7f7f7;	color:#333333;}


img{border:0;}

body {}

table {
border-collapse: collapse;
border-spacing: 0;
border:#000000 1px solid;
}
td{border:#000000 1px solid; text-align:center; padding:4px;}


/*链接默认样式*/
a,a:link,a:visited,a:active{color: #333333;text-decoration: none;}
a:hover{color: #ff0006;}

/*去除虚线,兼容IE和火狐*/
a {outline: none;
	-webkit-transition: background-color 1.0s ;
	-moz-transition: background-color 1.0s ;
	-o-transition: background-color 1.0s;
	transition: background-color 1.0s;
}
a:active {star:expression(this.onFocus=this.blur());}

.cl{clear:both;visibility:hidden;font-size:0px;line-height:0px;width:100%;height:0;padding:0px;margin:0px;}
/*clear float*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
/* End hide from IE-mac */ 
.center {clear:both;width:1180px;margin:0 auto;padding:0;}

.red,a.red:link,a.red:visited{color:#ff0006;}
a.red:hover {color:#ff0006;}



/*头样式*/
.headerpost {/* position: absolute; z-index:99999;*/ width:100%; }
.dingbubox { margin:auto; max-width:1200px; overflow:hidden;}
.websearch{ float:right; width:260px; overflow:hidden; margin:0.5% 0 0.2% 0;}
.websearch ul{ clear:both;}
.websearch ul li{ float:left; padding:0px 0px;}
.websearch ul li .input{ background-color:rgba(240,240,240,0.5);line-height:24px; height:24px; width:220px; border:0px solid #dedede; font-family:"Microsoft Yahei",宋体,Verdana,Arial,Helvetica,Sans-serif; font-size:14px; padding-left:5px; color:#666666}
.websearch ul li .button{background: url(images/search.png) center no-repeat; background-color:rgba(240,240,240,0.5); border:0; width:24px; height:24px;}

.headerpage{clear:both; width:100%;  margin:0 auto 0 auto; padding:0; background:#fff; border-bottom:4px solid #17c5a1;}
.headerpage:after, .headerpage:before {content: '';display: block;clear: both;height: 0;}


header{clear:both;max-width:1200px;margin:0 auto; padding:0;}
header:after,header:before {content: '';display: block; clear: both; height: 0;}

header .logo{float:left; padding:0; margin:0; width:22%;}
header .logo img { width:100%;}
header .headright{float:right; text-align:right; padding:0px 0 0 0; width:74%;}
header .wapnav{float:right; display:none;}




/*主导航*/
.mainnav{clear:both; margin:0 auto 0 auto;  padding-left:0px;}
.mainnav ul {padding:0px; text-align:right; }
.mainnav a,.mainnav a:link,.mainnav a:visited{color:#333; font-size:16px; text-decoration:none; text-align:center; line-height:90px; padding:0% 2.6%;}
.mainnav a:hover,.mainnav a.active,.mainnav a.active:link,.mainnav a.active:visited{ background-image: linear-gradient(to bottom , #0b7bc3, #17c5a1); color:#fff;  }

.mainnav a { float:left; }
.mainnav img{display:block;}

.nav{clear:both;width:1200px;margin:0 auto; clear:both;top:127px;}

.downmenu{padding:0;position:absolute;  padding:10px 10px; width:800px; text-align:left; background-color:#6ca228; overflow:hidden; z-index:9999999}
.downmenu ul{ padding:0; margin:0;}
.downmenu ul li{ float:left; line-height:30px; height:190px; padding:0px 15px; border-right:1px solid #89b453}
.downmenu a {color:#fff;text-decoration: none; font-size:14px;}
.downmenu a:link,.downmenu a:visited{ color:#fff;}
.downmenu a:hover{color: #ffe7b9;text-decoration:underline;}

.downmenu1{padding:0;position:absolute;  padding:10px 10px; text-align:left; background-color:#6ca228; overflow:hidden; z-index:9999999}
.downmenu1 ul{ padding:0; margin:0;}
.downmenu1 ul li{ clear:both;line-height:30px; padding:0px 15px;}
.downmenu1 a {color:#fff;text-decoration: none; font-size:14px;}
.downmenu1 a:link,.downmenu a:visited{ color:#fff;}
.downmenu1 a:hover{color: #ffe7b9;text-decoration:underline;}


/*Banner大图调用 开始*/
.mainbannerpage{clear:both; width:100%; margin:0 auto; background:#FFFFFF; overflow:hidden;}
.mainbannerpage:after, .mainbannerpage:before {content:'';display: block;clear: both;height: 0;}

.mainbanner {width:100%; overflow: hidden; position:relative; height:470px;}
.mainbanner .swiper-slide {	position:relative;	text-align:center;}
.mainbanner img {max-width: 100%;}
/*Banner大图调用 结束*/



/*首页样式*/


/*尾*/


.footerwrap{ clear:both; width:100%; margin:0px auto;overflow:hidden; background-image: linear-gradient(to right , #0b7bc3, #17c5a1); }
.footerbg{clear:both;max-width:1200px; margin:0px auto;overflow:hidden; color:#FFFFFF; padding:3% 0;}

.yqlink { float:left; width:28%;color:#fff; font-size:14px; margin-right:10%;}
.yqlink p { width:75px;  font-size:18px; padding:0 0 2% 0; margin-bottom:10%; border-bottom:2px solid #fff }
.yqlink .content { clear:both;}
.yqlink .content a {color:#fff; font-size:15px; line-height:23px; margin:0 1%; display:inline-block;}
.yqlink .content a,.yqlink .content a:link,.yqlink .content a:visited{color:#fff;}
.yqlink .content a:hover {color:#ff0006; text-decoration:none}


.dcontact { float:left; width:30%;}
.dcontact p { width:75px;  font-size:18px; padding:0 0 2% 0; margin-bottom:5%; border-bottom:2px solid #fff }
.dcontact ul { background:url(images/tubiao.png) left no-repeat;}
.dcontact ul li{ line-height:32px; font-size:15px; padding-left:25px;}

.derweima { float:right; width:30%; }
.derweima p { width:75px;  font-size:18px; padding:0 0 2% 0; margin-bottom:5%; border-bottom:2px solid #fff }
.derweima ul { background:url(images/bian.png) no-repeat; overflow:hidden; padding:3% 0% 3% 5%; }
.derweima ul li { float:left; margin-right:5%; text-align:center}

.copyright { background:#33373c; font-size:14px; color:#fff; text-align:center; line-height:46px;}
.copyright a { color:#fff}
.copyright a:hover { color:#ff0001}

.mainimg{clear:both;width:100%;margin:0px auto 0 auto; padding:0;overflow:hidden;}


/*首页*/
.biaoti{ clear:both; overflow:hidden; border-bottom:1px solid #bff3e8; margin:0 5%; }
.biaoti a{ display:block; color:#fff; font-size:21px; font-weight:bold; padding-top:3%;}
.biaoti a:hover {color:#ff0006; text-decoration:none}
.biaoti .en{ font-size:14px; color:#fff; line-height:30px; height:30px; text-transform:uppercase; margin:0px 0 0 0; overflow:hidden;}
.biaoti img { float:left; margin-right:15px;}

.biaoti1{ clear:both; overflow:hidden; border-bottom:1px solid #dbdbdb; }
.biaoti1 a{ display:block; color:#14ac8d; font-size:21px; font-weight:bold; padding-top:3%;}
.biaoti1 a:hover {color:#ff0006; text-decoration:none}
.biaoti1 .en{ font-size:14px; color:#b3b3b3; line-height:30px; height:30px; text-transform:uppercase; margin:0px 0 0 0; overflow:hidden;}
.biaoti1 img { float:left; margin-right:15px;}



.aboutusbg{ margin:0 auto; max-width:1200px;}
.aboutus{ float:left; width:65%; margin:4% 0; overflow:hidden;}
.about_pic { float:left; width:45%; overflow:hidden;}
.about_pic img { width:100%;}
.about_nr{ width:50%; float:right;}
.aboutus .biaoti1{ padding:5% 5% 2% 0%;}
.aboutus .content{ line-height:26px; font-size:14px; color:#333; margin:1% 0 0 0; padding:3% 0% 3% 0%;}
.aboutus .more { width:127px; text-align:center; padding:1.5% 0;}
.aboutus .more a { color:#666; width: 127px;padding:5% 0; display:block;}
.aboutus .more a.btn{ position: relative; text-align: center; border-radius:30px; border:1px solid #e0e0e0;}
.aboutus .more a.btn:after,.aboutus .more a.btn:before { content: ''; position: absolute;left: 0;  top: 0;width: 0; height: 100%;z-index:-2;  border-radius:30px;}
.aboutus .more a.btn:hover{background:transparent;color:#fff;} 
.aboutus .more a.btn:before {transition: .3s; background-image: linear-gradient(to left , #0b7bc3, #17c5a1);z-index:-1; }  
.aboutus .more a.btn:hover:after,.aboutus .more a.btn:hover:before { width: 100%; }

.honer { float:right; width:30%;  margin:4% 0; background:#17c5a1;}
.honer .biaoti { padding:5% 5% 2% 0%;}

.honer .content {overflow:hidden;}
.honer .content ul {}
.honer .content li { float:left; width:40%; padding:4% 0; margin-left:7%;}
.honer .content li img { width:100%;}

.nepro { clear:both; background:#f7f7f7; overflow:hidden; padding-bottom:2%;}
.nepro .post { margin:0 auto; max-width:1200px;}

.news{  float:left; width:55%; overflow:hidden; padding-top:45px;}

.nptitle { font-size:21px; font-weight:bold; color:#14ac8d; margin-bottom:20px;}
.nptitle a { color:#17c5a1}
.nptitle a:hover { color:#ff0001}
.magic-tab-head {  margin: 0 auto;}
.magic-tab-head ul { float:left; width:100%;   }
.magic-tab-head ul li { padding:0% 2.5%; text-align:center;  color: #333; font-size: 15px; line-height:26px; display:inline-block;border-radius:10px;  background: #e1e1e1;margin-bottom:30px;}
.magic-tab-head ul .on { color: #fff;  background-image: linear-gradient(to right , #0b7bc3, #17c5a1); }
.magic-tab-body dl{ clear:both;  overflow:hidden; margin:0 0 2% 0; padding:0;}
.magic-tab-body dl dt{ float:left; width:22%;}
.magic-tab-body dl dt img { width:100%;}
.magic-tab-body dl dd{ float:right; width:75%; line-height:26px; margin:0% 0 0 0;}
.magic-tab-body dl dd a{  font-size:16px;display:block; margin-bottom:8px; height:23px; overflow:hidden;}
.magic-tab-body dl dd p { font-size:13px; color:#777777; line-height:21px; height:45px; overflow:hidden; }



.chanpin { float:right; width:40%; overflow:hidden; padding-top:45px;}
.cptitle { height:35px;}
.cptitle a { float:left; margin-right:2%; text-align:center;font-size: 15px; line-height:26px; display:inline-block;border-radius:10px;  background: #e1e1e1;margin-bottom:30px;color:#333;padding:0 2%;white-space:nowrap;}
.cptitle a:hover { color: #fff;  background-image: linear-gradient(to right , #0b7bc3, #17c5a1);border-radius:10px; display:block; }









.anlibg{  padding:2% 0 3% 0; margin:0;}
.anlibg .abiaoti { text-align:center; font-size:21px;}
.anlibg .abiaoti a{ color:#17c5a1; text-align:center; font-weight:bold; line-height:32px;}
.anlibg .abiaoti a:hover {color:#ff0006; text-decoration:none}
.anlibg .abiaoti p{ font-size:14px; font-weight:normal; color:#acacac; text-align:center; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;  line-height:20px; margin:0px 0 0.5% 0;}
.anlibg .abiaoti .shuoming { width:25%; margin:0 auto; font-size:13px; text-transform:uppercase; color:#8a8a8a; line-height:23px;  }
.anlibg .hexpert02 { clear:both; overflow:hidden; max-width:1330px; margin:30px auto 0 auto;  }
.anlibg .hex {float:left; max-width:1200px;  padding:0px 0px 0px 0px; margin:0px 0 0 18px; overflow:hidden; }
.anlibg .hex li { float:left; width:282px; padding:0px 0px 0px 0px; margin:0 24px 0 0px; text-align:center; position:relative; /*background:#01c577;*/}
.anlibg .hex li img{  display:block; margin:0 auto 0px auto; width:280px; }
.anlibg .hex li a,.anlibg .hex li a:link,.anlibg .hex li a:visited{ color:#FFFFFF}
.anlibg .hex li a:hover {color:#ff0001; }
.anlibg .lefticon { float:left; padding-top:100px; padding-right:0px;} 
.anlibg .righticon { float:right; padding-top:100px; padding-left:0px;}
.anlibg .albiaoti {background-color:rgba(23,197,161,0.6); position: absolute; bottom:0px; z-index:999; display:block; font-size:15px; line-height:32px; text-align:center; width:100%;}


.sjal { display:none}


/*内页*/
.mainpage{clear:both; width:100%; margin:0px auto 0 auto; padding:0;}
.mainpage:after, .mainpage:before{content: '';display: block;clear: both;height: 0;}

.mainpost {clear:both; max-width:1200px; margin:0px auto 0 auto; padding:0;   }
.mainpost:after, .mainpost:before{content: '';display: block;clear: both;height: 0;}
.left{ overflow:hidden; padding:0 0%; margin:0 auto;  }
.right{max-width:1200px; margin:0px auto 0 auto; padding:0;}	

.mainarea{ position:relative; clear:both; overflow:hidden; padding:1% 2%; min-height:660px; height:660px;}
[class].mainarea{height:auto;}
.mainarea div.content{font-size:14px; line-height:23px;}

.zoominfo{ clear:both;}
.zoominfo .zoominfoleft{ float:left; }
.zoominfo .zoominforight{ float:left; margin-left:15px; font-size:14px; line-height:25px; }
.zoominfo .zoominforight h3{ font-size:16px; font-weight:bold;}

.midpicarea{border:solid 1px #bbbbbb;z-index:5;cursor:crosshair;}
.bigpicarea{border:solid 1px #bbbbbb;overflow:hidden;position:absolute;z-index:6;}
.viewarea{border:solid 1px #fff;cursor:move; background-color:#999;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute; z-index:10;  }

.zoomsmall{margin-top:8px;}
.zoomsmall ul{clear:both;}
.zoomsmall ul li{float:left; margin:0 2px;}
.zoomsmall ul li img{border:solid 1px #bbbbbb; padding:2px; cursor:pointer;}

/*内页位置*/
.positioninfobox{ clear:both; margin:0 auto; width:100%; background: url(images/post.png); position:relative; z-index:10 }
.posbox{  max-width:1200px; clear:both; overflow:hidden; margin:0 auto;}
.position{ float:right; padding-right:10px; text-align:right; line-height:40px; font-size:14px; color:#fff;}
.position a,.position a:link,.position a:visited {color:#fff;}
.position a:hover,.position font.active,.position a.active,.position a.active:link,.position a.active:visited{color:#ff0001;}
.positioninfo{ float:left; padding:0px 0 0 10px; line-height:40px; color:#fff; font-size:14px;}


.menu1{ overflow:hidden; text-align:center; margin:20px auto 10px auto; }
.menu1 h2{display:none; }
.menu1 a {color:#000000; line-height:40px; margin:0px 5px; padding:0.5% 2.5%;border-radius:30px; font-size:16px; text-decoration:none; text-align:center; background:#e6e6e6; 	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menu1 a:link,.menu1 a:visited{background:#e6e6e6;}
.menu1 a:hover,.menu1 a.active,.menu1 a.active:link,.menu1 a.active:visited{background-image: linear-gradient(to right , #0b7bc3, #17c5a1); color:#FFFFFF;}


/*.menucp{ overflow:hidden; text-align:center; margin:20px auto 10px auto; }
.menucp h2{display:none; }
.menucp a {color:#000000; line-height:40px; margin:0px 5px; padding:0.5% 2.5%;border-radius:30px; font-size:16px; text-decoration:none; text-align:center; background:#e6e6e6; 	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menucp a:link,.menucp a:visited{background:#e6e6e6;}
.menucp a:hover,.menucp a.active,.menucp a.active:link,.menucp a.active:visited{background-image: linear-gradient(to right , #0b7bc3, #17c5a1); color:#FFFFFF;}*/




.menu2{clear:both;}
.menu2 h3{padding:0; margin-bottom:10px; border:#FF0000 1px solid;float:left; width:20%;}
.menu2 h3 a {color:#000;line-height:32px;padding-left:40px; font-size:14px;text-decoration: none; float:left }
.menu2 h3 a:link,.menu2 h3 a:visited{background-image: url(images/menu1.png);background-repeat:no-repeat; background-position:12px;  }
.menu2 h3 a:hover,.menu2 h3 a.active,.menu2 h3 a.active:link,.menu2 h3 a.active:visited{color: #ff6501;background-image: url(images/menu1a.png);background-repeat: no-repeat;}

.menu2 ul{padding:0px;}
.menu2 li a {color:#000;line-height:32px; padding-left:40px;margin-bottom:8px;text-decoration: none; display:block;}
.menu2 li a:link,.menu2 li a:visited{background-image: url(images/menu1.png);background-repeat:no-repeat; background-position:12px;}
.menu2 li a:hover,.menu2 li a.active,.menu2 li a.active:link,.menu2 li a.active:visited{color: #ff6501;background-image: url(images/menu1a.png);background-repeat:no-repeat;}


.backtop{ text-align:right; margin:10px 0 20px 0;}
.infosearch{ text-align:right; margin-bottom:10px; margin-top:10px; padding:5px 5px 0 0;}
.infosearch input[type="text"]{width:150px;height:23px;border: 1px solid #dddddd;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;padding-left:3px;background-color:#ffffff;}
.infosearch input[type="submit"]{background-color:#6ca228;border: 1px solid #60971a;height:27px;width:60px;color:#ffffff;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius: 3px;border-radius:3px;}

.infodes{ clear:both; padding:10px 0; line-height:20px;}

.af{ clear:both;}
.af dl{ clear:both;font-size:12px;line-height:23px;}
.af dl dt,.addf dl dd{ float:left;}
.af dl dt{ width:70px; text-align:right;}

/*信息*/
.zz_list{clear:both;margin-top:0px;padding:0px;}
.zz_list ul{clear:both;}
.zz_list ul li{ float:left; width:22%; text-align:center; margin:0% 0% 1% 3%;}
.zz_list ul li img { width:100%;}


/*公司图片信息*/
.gs_list{clear:both;margin-top:0px;padding:0px;}
.gs_list ul{clear:both;}
.gs_list ul li{ float:left; width:32%; text-align:center; margin-top:15px; margin:0 0 1% 1%}
.gs_list ul li img  { width:100%;}

/*信息*/
.info_list{clear:both;margin-top:0px;padding:0px;}
.info_list ul{clear:both;}
.info_list ul li{ float:left; width:22%;   text-align:center; margin:0 0 1% 3%}
.info_list ul li img { width:100%;}


.info_listimg{clear:both;margin-top:0px;padding:0px; overflow:hidden}
.info_listimg ul{clear:both; margin-top:10px; }
.info_listimg ul li{float:left; width:31%; padding:5px 1% 5px 1%; text-align:center; line-height:36px;}
.info_listimg ul li a{display:block; padding:0px;}

.info_listimg ul li img{ width:100%;display:block; border:1px solid #dddddd;}
.info_listimg ul li a:hover{text-decoration:none;}
.info_listimg ul li a p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:14px; }


.hzjj { font-size:15px; line-height:28px;}


.info_list ol.head{background: #eeeeee;font-size:14px;height:30px;line-height:30px; text-align:center; color:#666666;}
.info_list ol.head span.title{float:left;width:65%; font-size:15px; font-weight:bold;}
.info_list ol.head span.title a{font-size:15px; font-weight:bold;}
.info_list ol.head span.views{float:left;width:10%; }
.info_list ol.head span.date{float:right;width:16%; text-align:right; padding:0 25px 0 0;}

.info_list ol.info{clear:both; font-size:14px;height:30px;line-height:30px; padding:0 0 0 10px;}
.info_list ol.bg{background: #f5f5f5; padding:0 0 0 10px;}
.info_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.info_list ol.info a.title{float:left;width:65%;}
.info_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.info_list ol.info span.date{float:right;width:16%;  text-align:right; padding:0 20px 0 0; font-size:12px;color:#666666;}

.info_list dl{ float:left; width:300px; height:265px; text-align:center; margin:0 25px 15px 25px; }
.info_list dl dd{ height:20px;line-height:20px;}


.info_view{ clear:both;padding:5px 0 10px 0;}
.info_view h1.title{border-bottom:1px dotted #ccc; font-size:22px;line-height:26px; padding:15px 0; text-align:center; font-weight:bold;}
.info_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;text-align:center;}
.info_view div.content{padding:0px 5px; font-size:14px;line-height:23px; color:#666;}
.info_view div.content p{padding:10px 0;}
.info_view img{ max-width:100%;}
.info_view div.atta{font-size:14px;line-height:23px;padding-top:2px;color:#ee7700; font-weight:bold;}
.info_view div.comment{font-size:12px;line-height:23px;padding-top:2px;}

.info_view div.other{ text-align:left; padding-right:0px;}

.info_view .bigimg{ padding:10px 0px; text-align:center;}


.info_view table {border-collapse:collapse; border-spacing: 0; border:#CCCCCC 1px solid;}
.info_view td{border:#CCCCCC 1px solid; text-align:center; padding:4px;}


.info_commentlist{clear:both;margin-top:0px;padding:0px;}
.info_commentlist h1{background:#eeeeee;font-size:14px;line-height:28px;padding-top:3px;text-align:center;}
.info_commentlist p.name{clear:both; font-weight:bold; padding:3px 0;}
.info_commentlist p.date{clear:both; padding:3px 0; }
.info_commentlist p.content{clear:both; font-size:12px;line-height:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:dotted 1px #ccc;}

.info_commentadd{ padding:5px;}
.info_commentadd p{ padding:3px 0;}
.info_commentadd input[type="text"]{ width:230px;}
.info_commentadd #txtcode{width:80px;}
.info_commentadd textarea{ width:230px;}




/*销售案例*/
.case_listimg{clear:both;margin-top:0px;padding:0px; overflow:hidden}
.case_listimg ul{clear:both; margin-top:10px; }
.case_listimg ul li{float:left; width:31%; margin:1%; text-align:center; line-height:36px; overflow:hidden;}
.case_listimg ul li a{display:block; padding:0px;}
.case_listimg ul li img{ width:100%;display:block;}
.case_listimg ul li a:hover{text-decoration:none;}

.case_listimg  .titlebt { background-color:rgba(23,197,161,0.8); color:#fff; width:29.7%; position:absolute; margin-top:-36px; display:block;}



.supply_add{ padding:5px;}
.supply_add h2{ padding:5px; background-color:#f0f0f0; text-align:center;}
.supply_add p{ padding:3px 0;}
.supply_add input[type="text"]{ width:230px;}
.supply_add #txtcode{width:80px;}
.supply_add textarea{ width:230px;}

/*产品*/
.product_cate{clear:both;}
.product_cate dl{ clear:both; width:100%; margin-top:10px;}
.product_cate dl dt{ float:left; width:30%;}
.product_cate dl dd{ float:right; width:69%; line-height:21px;}
.product_cate dl strong{ font-size:14px;}

.product_list{clear:both;}
.product_list ul{clear:both;}

/*产品：上图下字*/
.product_list{clear:both; margin-top:0px; padding:0px; overflow:hidden}
.product_list ul{clear:both; margin-top:10px; }
.product_list ul li{float:left; width:31%; padding:5px 1% 5px 1%; text-align:center;line-height:26px;}
.product_list ul li a{display:block; background:#f1f1f1; padding:5% 5%; -webkit-transition: background-color 1.0s ; -moz-transition: background-color 1.0s ; -o-transition: background-color 1.0s; transition: background-color 1.0s; font-size:16px; }
.product_list ul li img{ width:100%;display:block;}
.product_list ul li a:hover{text-decoration:none; background-image: linear-gradient(to top , #0b7bc3, #17c5a1); color:#ffffff;}
.product_list ul li p{ text-align:center; margin:10px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



/*产品：列表*/
.product_list ol.head{background: #eeeeee;font-size:14px;height:26px;line-height:26px;padding-top:2px; padding-left:16px;text-align:center; color:#666666;}
.product_list ol.head span.title{float:left;width:60%;}
.product_list ol.head span.views{float:left;width:10%;  }
.product_list ol.head span.date{float:right;width:28%; }

.product_list ol.info{clear:both; font-size:12px;height:27px;line-height:27px;padding:2px 0 1px 16px;padding:1px 0 2px 16px\9;_padding:2px 0 1px 16px; background-image:url(images/bg.gif); background-repeat:no-repeat;}
.product_list ol.bg{background: #f5f5f5;}
.product_list ol.info font.dot{color:#ee7700; font-family:"宋体";}
.product_list ol.info a.title{float:left;width:60%; }
.product_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.product_list ol.info span.date{float:right;width:28%; text-align:center;font-size:12px;color:#666666;}

/*产品：左图右字*/
.product_list dl{ clear:both; width:95%; margin-top:20px; border:1px solid #f1f1f1; padding:2%; overflow:hidden;}
.product_list dl dt{ float:left; width:46%;}
.product_list dl dt img { width:100%;}
.product_list dl dd{ float:right; width:51%;  line-height:21px; color:#666}
.product_list dl dd span { font-size:15px; line-height:32px;}
.product_list dl strong{ font-size:18px; line-height:38px;}
.product_list dl div.summary{ line-height:21px; font-size:14px;}

/*.product_list ol.other,ol.other a,.product ol.other a:link,.product ol.other a:visited { display:block; font-size:12px; height:23px; line-height:23px;}*/
.product_view h1.title{border-bottom:1px dotted #ccc; font-size:22px;line-height:26px; padding:25px 0; text-align:center; font-weight:bold;}
.product_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;text-align:center;}
.product_view div.bigimg{ text-align:center; padding:10px 0;}
.product_view div.bigimg img{}

.product_view dl{ clear:both;}
.product_view dl dt,.product_view dl dd{ float:left;}
.product_view dl dt{ margin-right:10px; }
.product_view dl dd ul{ clear:both;}
.product_view dl dd li{ clear:both;font-size:12px;line-height:23px;}
.product_view dl dd span,.product_view dl dd p{ float:left;}
.product_view dl dd span{ width:70px; text-align:right;}
.product_view div.atta{font-size:12px;line-height:20px;color:#ee7700;}
.product_view div.content{padding:20px 5px; font-size:14px;line-height:26px; color:#666; }
.product_view div.content p{padding:0px;}
.product_view td{ border:1px solid #eee;}

.product_view table {border-collapse:collapse; border-spacing: 0; border:#999999 1px solid;}
.product_view td{border:#999999 1px solid; text-align:center; padding:4px;}



.product_viewcart{padding:5px;}
.product_viewcart h2{ padding:5px; background-color:#f0f0f0; text-align:center; font-weight:bold;}
.product_viewcart p{ padding:3px 0; border-bottom:dotted 1px #ccc; margin-bottom:10px; padding-bottom:10px;}
.product_viewcart strong{ font-weight:bold;}
.product_viewcart input[type="text"]{ width:230px;}
.product_viewcart input.pnum{width:80px;}
.product_viewcart textarea{ width:230px;}

/*留言内页*/
.message_add{ padding:5px;}
.message_add p{ padding:3px 0; float:left; width:50%;}
.message_add input[type="text"]{ width:96%; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.message_add #txtcode{width:100px;}
.message_add textarea{ width:98%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}

.message_list{clear:both; margin-bottom:25px;padding:0px;font-size:12px;line-height:20px; padding:1px;}
.message_list h1.title{background:#ebebeb;font-size:14px;line-height:28px;text-align:center;}
.message_list div.memo{padding:5px 0;}
.message_list div.nickname{text-align:left; padding:3px 0px;}
.message_list div.adddate{text-align:left; padding:3px 0px;}
.message_list div.reply{ padding:5px 0;background-color:#f7f7f7; }

.order_add{ padding:5px;}
.order_add p{ padding:3px 0;}
.order_add input[type="text"]{ width:230px;}
.order_add #txtcode{width:100px;}
.order_add textarea{ width:230px;}


/*人力资源内页*/
.job_add{ padding:5px; font-size:15px;}
.job_add p{ padding:3px 0;}
.job_add input[type="text"]{ width:98%; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.job_add #txtcode{width:100px;}
.job_add textarea{ width:98%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.job_add select{ height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}

.joblist{ clear:both; margin-bottom:15px; padding:10px 3px 10px 3px; border-bottom:dotted #333 1px;}
.joblist p{ padding:3px 0;}
.joblist p.biaoti{ font-size:16px;}
.joblist p.biaoti span{ font-size:16px;}
.joblist p.biaoti a{ background:#eeeeee; padding:3px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.joblist p.fabu{ color:#666666;}
.joblist .ypred { border:1px solid #508f26; padding:3px 10px; background:#dfebd8}



/*分页*/
.pagelist{clear:both; font-size:14px; line-height:26px; margin-top:10px; text-align:center; color:#666666;}
.pagelist a{color:#363535; text-decoration:none; line-height:26px; margin:5px 2px; border:#CCCCCC solid 1px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; padding:3px 12px;}
.pagelist a:hover{color:#0a51a3; text-decoration:none; border:#0b7bc3 solid 1px; background:#f1f1f1;}
.pagelist a.red{color:#ffffff; text-decoration:none; font-weight:bold; background-image: linear-gradient(to right , #0b7bc3, #17c5a1); border:#0b7bc3 solid 1px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pagelist a.red:hover{color:#ffffff; text-decoration:none;} 



.plinktop{text-align:right;font-size:12px;line-height:25px; padding-right:8px;}
.plinktop a,.plinktop a:link,.plinktop a:visited { padding:0 3px;color:#363535;  text-decoration:none;}
.plinktop a:hover{color:#ee7700; text-decoration:underline;}
.plinktop a.red,.plinktop a.red:link,.plinktop a.red:visited {color:#ee7700; text-decoration:underline; }
.plinktop a.red:hover{color:#ee7700; text-decoration:underline;} 

.plinkbottom{text-align:center;font-size:14px;line-height:25px;  padding-right:0px; margin:20px 0 0 0;}
.plinkbottom a,.plinkbottom a:link,.plinkbottom a:visited {padding:0 3px;color:#363535;text-decoration:none; }
.plinkbottom a:hover{color:#ee7700; text-decoration:underline;}
.plinkbottom a.red,.plinkbottom a.red:link,.plinkbottom a.red:visited {color:#ee7700; text-decoration:underline; }
.plinkbottom a.red:hover{color:#ee7700; text-decoration:underline;}

.imgborder{ border:#dedede solid 1px;}

.roundabout-holder  { 
	width:850px;
	height:496px;
	margin:0 auto;

}
.roundabout-moveable-item {
   width:650px;
   height:394px;
   cursor: pointer;
	border:3px solid #ccc;
	border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:4px solid rgba(0, 0, 0, 0.1);
}



/*新闻内页*/
.info_listxw{clear:both; padding:0px; margin-top:20px; display:block; overflow:hidden;}
.info_listxw dl{ clear:both; padding:1.5% 0px; border-bottom:1px dotted #cccccc; overflow:hidden;position: relative;}
.info_listxw dl:before{ content:""; background:#f8f8f8; width:100%; height:100%; position:absolute; left: 0; top: 0;  opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transition: 570ms; }

.info_listxw dl:hover:before {opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
.info_listxw dl:hover dt img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.info_listxw dl dt{ float:left;width:20%;}
.info_listxw dl dt img { display: block; width:98%; border:0px solid #e6e6e6; height: auto; line-height: 1; transition: 588ms;}
.info_listxw dl dd{ float:right; width:78%;position:relative; padding:0px 1%;}
.info_listxw dl dd a.title{ clear:both; display:block; font-size:18px; line-height:24px;}
.info_listxw dl dd .jianyao{ clear:both; font-size:13px; line-height:24px; color:#666666; height:48px; overflow:hidden;}
.info_listxw dl dd .jianyao p{ float:left; color:#666666; text-align:left; }
.info_listxw dl dd .jianyao div{float:left; color:#666666; text-align:left; list-style-type: none;}
.info_listxw dl dd .jianyao font{float:left; color:#666666; text-align:left;}
.info_listxw dl dd .jianyao span{float:left; color:#666666; text-align:left;}
.info_listxw dl dd .jianyao strong{float:left; font-weight:normal;}
.info_listxw dl dd .jianyao a{float:left; color:#666666;}
.info_listxw dl dd .jianyao img{ display:none;}
.info_listxw dl dd .jianyao br{ display:none;}
.info_listxw dl dd .jianyao iframe{ display:none;}
.info_listxw dl dd .newsdate{ clear:both; color:#999999; font-size:12px; line-height:26px;}




/* 特效滚动 */
#focus_Box{position:relative;width:800px;height:554px;margin:20px auto;}
#focus_Box ul{position:relative;width:800px;height:554px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:200px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{background:url(images/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(images/share-btn.png) no-repeat;text-indent:-999px;}






.zoominfo{ clear:both;}
.zoominfo .zoominfoleft{ float:left; }
.zoominfo .zoominforight{ float:left; margin-left:15px; font-size:14px; line-height:25px;    width:230px;}

.midpicarea{border:solid 1px #9f7551;z-index:5;cursor:crosshair;}
.bigpicarea{border:solid 1px #9f7551;overflow:hidden;position:absolute;z-index:6;}
.viewarea{border:solid 1px #fff;cursor:move; background-color:#999;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute; z-index:10;  }

.zoomsmall{margin-top:8px;}
.zoomsmall ul{clear:both;}
.zoomsmall ul li{float:left; margin:0 2px;}
.zoomsmall ul li img{border:solid 1px #9f7551; padding:2px; cursor:pointer;}


/*
 * jQuery图片轮播(焦点图)插件
 * ADD.JENA.201206291027
 * EDIT.JENA.201206300904
 * Author: jena
 * Demo: http://ishere.cn/demo/jquery.slidebox/
 */
div.slideBox{  position:relative; width:100%; overflow:hidden;}
div.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;  }
div.slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/; }
div.slideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox ul.items li img { width:100%;}
div.slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:34px;  background-image: linear-gradient(to right , #0b7bc3, #17c5a1); overflow:hidden; }
div.slideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.slideBox div.tips div.title a{ color:#fff; font-size:16px; line-height:30px; margin-left:10px; text-decoration:none;}
div.slideBox div.tips div.title a:hover{ color:#ff001; text-decoration:underline !important;}
div.slideBox div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%; margin-right:10px;}
div.slideBox div.tips div.nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:10px; height:10px; background-color:#FFF; text-indent:-99999px; margin:15px 0px 0px 5px;}
div.slideBox div.tips div.nums a:hover{ background-color:#ff7300;}



/*滚动*/
.scroll{clear:both;max-width:330px; margin:0 auto;overflow:hidden; text-align:center;} 
.scrolllist{ clear:both; max-width:400px;}
.scrolllist ul{ clear:both;}
.scrolllist li{ float:left;margin:0 0px;  width:30%; } 
.scrolllist img{display:block; width:140px;padding:8% 0; } 
.scrolllist p { height:38px; /*overflow:hidden;*/ font-size:14px; margin-top:10px;}
.scroll table { border:#CCCCCC 0px solid;}
.scroll td{border:#CCCCCC 0px solid; text-align:center; padding:4px;}